@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"roboto","Arial";}
*{padding:0; margin:0; list-style:none;font-family:"roboto","Arial";font-weight: normal;}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
input{border:none;outline: none;}
input[type=submit],input[type=button]{cursor:pointer;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}
      
/* default color */
a{text-decoration:none;}
ul,li{padding:0; margin:0;}
/*-------------------------------
  end: reset */

/*浮动*/
.fl{float:left;}
.fr{float:right;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

i{display:inline-block;*display:inline;*zoom:1;font-style:normal;}
.imgBg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lineTwo{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}
.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.container{width: 81.25vw;margin: 0 auto;}
.load-more{display:block;width: 1.4583vw;height: 1.4583vw;background-size: cover;margin: 0 auto;}
.xs-show{display: none !important;}
.xs-hidden{display: block !important;}
.fcc{display: flex;justify-content: center;align-items: center;}
.fjc{display: flex;justify-content: center;}
.fac{display: flex;align-items: center;}
.fsb{display: flex;justify-content: space-between;}
.fsc{display: flex;justify-content: space-between;align-items: center;}
h2,h3{font-size: 1.25vw;line-height: 1.6667vw;font-weight: bold;color: rgba(0,0,0,0.8);}
.right{width: 60.4167vw;}
.pic img{display: block;width: 100%;}
.abs-cc{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;}
.read-more{display: flex;box-sizing: border-box;width: 13.5417vw;height: 2.6042vw;justify-content: space-between;align-items: center;padding: 0 1.1458vw 0 1.4583vw;font-size: 0.8333vw;color: #fff;background: #E60011;}
.read-more:hover{background: #E52130;}
.read-more i{display: block;width: 1.25vw;height: 1.25vw;background: url('../images/arrowR.png') no-repeat;background-size: cover;}
.sub-banner{height: 27.0833vw;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.sub-banner .main{display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;padding: 2.0833vw 0;height: 27.0833vw;}
.sub-banner .main h1{font-size: 2.7083vw;line-height: 3.0208vw;color: #fff;font-weight: 300;}
.sub-banner .main .txt{font-size: 1.1458vw;line-height: 1.5625vw;color: rgba(255,255,255,0.8);}
.inside-nav{background: #232323;position: sticky;position: -webkit-sticky;top: 80px;z-index: 90;}
.inside-nav .list{display: flex;height: 60px;align-items: center;}
.inside-nav .list a{display: flex;font-size: 13px;line-height: 20px;color: #fff;margin-right: 5vw;}
.cell-box{position: relative;}
.anchor{position: absolute;left: 0;top: -140px;}
.scrollT{position: absolute;left: 0;top: -80px;}
.num-list{display: flex;justify-content: center;}
.num-list .step:nth-child(2){margin: 0 15.5208vw;}
.num-list .step .num{font-size: 1.1458vw;line-height: 3.125vw;font-weight: bold;background: linear-gradient(97.24deg, #F30012 -1.41%, #C00412 100.94%), #000000;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.num-list .step span{font-size: 4.1667vw;font-weight: bold;}
.num-list .step p{font-size: 0.8333vw;line-height: 1.25vw;font-weight: 300;color: #fff;}

/*翻页*/
.page{display: flex;justify-content: center;}
.page a{display: block;width: 32px;height: 32px;border:1px solid #B3B3B3;border-radius: 2px;font-size: 12px;color: #4D4D4D;text-align: center;line-height: 32px;margin: 0 3px;}
.page span{display: block;font-size: 12px;color: #2E2E2E;margin: 0 5px;line-height: 34px;}
.page input{display: block;width: 32px;height: 32px;border:1px solid #B3B3B3;border-radius: 2px;font-size: 12px;color: #4D4D4D;text-align: center;margin: 0 3px;}
.page .prev,
.page .next{position: relative;color: #9598A4;}
.page .prev::before,
.page .next::before{content: '';position: absolute;left: 10px;top: 11px;background-size: cover;width: 7px;height: 13px;background: url(../images/page_arrow.png) no-repeat;background-size: cover;}
.page .next::before{transform: rotate(180deg);left: auto;right: 10px;}
.page a.on,
.page a:hover{background-color: #e60011;border-color: #e60011;color: #fff;}

.page .prev:hover::before,
.page .next:hover::before{background-image: url(../images/page_h_arrow.png);}

@media screen and (max-width: 750px) {
    .container{width: 92%;}
    .anchor{top: -2.2rem;}
    .scrollT{top: -1.2rem;}
    h2,h3{font-size: .32rem;line-height: .64rem;}
    .right{width: 100%;margin-top: .4rem;}
    .m-head .right{margin-top: 0;}
    .read-more{width: 2.92rem;height: .7rem;font-size: .26rem;padding: 0 .32rem;}
    .read-more i{width: .32rem;height: .32rem;} 
    .num-list{justify-content: space-between;}
    .num-list .step:nth-child(2){margin: 0;}
    .num-list .step .num{font-size: .28rem;line-height: .8rem;}
    .num-list .step span{font-size: .6rem;margin-right: .1rem;}
    .num-list .step p{font-size: .24rem;line-height: .3rem;}
    .sub-banner{height: 5rem;}
    .sub-banner .main{height: 5rem;padding: .8rem 0;}
    .sub-banner .main h1,
    .sub-banner .main h2{font-size: .44rem;line-height: .56rem;}
    .sub-banner .main .txt{font-size: .26rem;line-height: .42rem;}
    .sub-banner .main .txt br{display: none;}
    .inside-nav{top: 1.2rem;}
    .inside-nav .list{height: 1rem;overflow-x: scroll;}
    .inside-nav .list a{flex: none;font-size: .26rem;line-height: .36rem;margin-right: .8rem;}
    .inside-nav .list a:last-child{margin-right: 0;}
    .xs-show{display: block !important;}
    .xs-hidden{display: none !important;}
}